import React, { Component } from 'react';
import { Router,NavLink } from 'react-router-dom' ;

class NewsLi extends Component {
    render() {
        return (
            <div>
                <section className="middle_mode has_action">
              <NavLink to={`/newslist/detail/${this.props.data._id}`} className="article_link clearfix ">
                <div className="item_detail desc" style={{textAlign:'left'}}>
                  <h3 className="dotdot line3 image-margin-right">
                    
                    {this.props.data.title}
                    
                  </h3>
                  <div className="dotdot line3 image-margin-right item_content">
                    
                    {this.props.data.source}
                    </div>
                  <div className="item_info">
                    <div>
                      <span className="src space">{this.props.data.brief}</span>
                      <span className="cmt space">{this.props.data.sj}</span>
                      <span
                        data-id="6460726545337025038"
                        className="dislike-news fr mid-space"
                      />
                    </div>
                  </div>
                </div>
                <div
                  className="list_img_holder"
                  style={{
                    minHeight: "90px",
                    width: "18%",
                    background:
                      `url(${this.props.data.tp}) center center no-repeat`,
                    backgroundSize: "100%"
                  }}
                />
              </NavLink>
            </section>
            </div>
        );
    }
}

export default NewsLi;
